<style>
.box2 {
width: 250px;
margin: 10px auto;
background: #fff;
border: 1px solid #d1d1d1;
padding: 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 0px 10px #ddd;
-webkit-box-shadow: 0px 0px 10px #ddd;
}
#ddd h3 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
background: -moz-linear-gradient(center top, #efefef 0%,#e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef),color-stop(1, #e0e0e0));
border: 1px solid #d1d1d1;
color: #c1c1c1;
font-size: 13px;
font-weight: normal;
text-shadow: 1px 1px 0px #fff;
}
#ddd h3 span { float: right; cursor: pointer; }
#ddd h3 span:hover { text-shadow: 0px 0px 3px #a1eeff; }
#ddd ul { padding: 5px; overflow: hidden; }
#ddd ul li { font-size: 13px; list-style-type: square; list-style-position: inside; color: #a1a1a1; padding: 5px; }

</style>

<script type="text/javascript">
$(document).ready(function(){
$("ul").hide();
$("ul li:odd").css("background-color", "#efefef");
$("h3 span").click(function(){
$(this).parent().next().slideToggle();
});
});
</script>
<div id="aside">
  <div class="aside-in">
     <div class="aside-box">
  	 <div id="ddd">
 	   <h3>Записи<span class="expand">+</span></h3>
 	   <ul>
        <li><a href="{{of}}">Видио</a></li>
        <li><a href="{{of}}">Ссылки</a></li>
        <li><a href="{{of}}">Новости</a></li>
   		<li><a href="{{of}}">Карты</a></li>
		<li><a href="{{of}}">Таги</a></li>
		<li><a href="{{of}}">Файлы</a></li>
        <li><a href="{{of}}">Коментарии</a></li>
        <li><a href="{{of}}">Сервера</a></li>
        				
	   </ul>
	</div>
       </div>
   </div>
 <div class="aside-in">
   <div class="aside-box">
             <div id="ddd">
    	<h3>Пользыватели<span class="expand">+</span></h3>
    	<ul>
		<li><a href="{{of}}?tp=user">Пользыватели</a></li>
        		<li><a href="{{of}}?tp=user_add">Добавить</a></li>
        		<li><a href="{{of}}?tp=user_prof">Профиль</a></li>
        		<li><a href="{{of}}?tp=user_gr">Роли</a></li>
        		
    	</ul>
             </div>
    </div>
   </div>
<div class="aside-in">
   <div class="aside-box">

             <div id="ddd">
    	<h3>Настройки<span class="expand">+</span></h3>
    	<ul>

		<li><a href="{{of}}">Общие</a></li>		
		<li><a href="{{of}}">Чтение</a></li>
        		<li><a href="{{of}}">Осуждение</a></li>
                            <li><a href="{{of}}">Регистрация</a></li>
                            <li><a href="{{of}}">Подключить плагин</a></li>
        		
    	</ul>
             </div>
    </div>
   </div>
<div class="aside-in">
   <div class="aside-box">
             <div id="ddd">
    	<h3>Плагины<span class="expand">+</span></h3>
    	<ul>
		<li><a href="{{of}}">1</a></li>		
		<li><a href="{{of}}">2</a></li>
        <li><a href="{{of}}">3</a></li>
            	</ul>
             </div>
    </div>
   </div>
</div>



</div>
